<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="1.2的css.css">
</head>
<body>
    <div class="top">置顶</div>
    <div class="left">左边</div>
    <div class="right">右边</div>
    <div class="bottom">置底</div>
     <div class="zho">1</div>
     <div class="zho">2</div>
     <div class="zho">3</div>
     <div class="zho">4</div>
     <div class="zho">5</div>
     <div class="zho">6</div>
     <div class="zho">7</div>
     <div class="zho">8</div>
     <div class="zho">9</div>
     <div class="zho">10</div>
     <div class="zho">11</div>
     <div class="zho">12</div>
     <div class="zho">13</div>
     <div class="zho">14</div>
     <div class="zho">15</div>
     <div class="zho">16</div>
     <div class="zho">17</div>
     <div class="zho">18</div>
     <div class="zho">19</div>
     <div class="zho">20</div>
     <div class="zho">21</div>
     <div class="zho">22</div>
     <div class="zho">23</div>
     <div class="zho">24</div>
     <div class="zho">25</div>
     <div class="zho">26</div>
     <div class="zho">27</div>
     <div class="zho">28</div>
     <div class="zho">29</div>
     <div class="zho">30</div>
     <div class="zho">31</div>
     <div class="zho">32</div>
     <div class="zho">33</div>
     <div class="zho">34</div>
     <div class="zho">35</div>
     <div class="zho">36</div>
     <div class="zho">37</div>
     <div class="zho">38</div>
     <div class="zho">39</div>
     <div class="zho">40</div>
     <div class="zho">41</div>
     <div class="zho">42</div>
     <div class="zho">43</div>
     <div class="zho">44</div>
     <div class="zho">45</div>
     <div class="zho">46</div>
     <div class="zho">47</div>
     <div class="zho">48</div>
     <div class="zho">49</div>
     <div class="zho">50</div>
     <div class="zho">51</div>
     <div class="zho">52</div>
     <div class="zho">53</div>
     <div class="zho">54</div>
     <div class="zho">55</div>
     <div class="zho">56</div>
     <div class="zho">57</div>
     <div class="zho">58</div>
     <div class="zho">59</div>
     <div class="zho">60</div>
     <div class="zho">61</div>
     <div class="zho">62</div>
     <div class="zho">63</div>
     <div class="zho">64</div>
     <div class="zho">65</div>
     <div class="zho">66</div>
     <div class="zho">67</div>
     <div class="zho">68</div>
     <div class="zho">69</div>
     <div class="zho">70</div>
     <div class="zho">71</div>
     <div class="zho">72</div>
     <div class="zho">73</div>
     <div class="zho">74</div>
     <div class="zho">75</div>
     <div class="zho">76</div>
     <div class="zho">77</div>
     <div class="zho">78</div>
     <div class="zho">79</div>
     <div class="zho">80</div>
     <div class="zho">81</div>
     <div class="zho">82</div>
     <div class="zho">83</div>
     <div class="zho">84</div>
     <div class="zho">85</div>
     <div class="zho">86</div>
     <div class="zho">87</div>
     <div class="zho">88</div>
     <div class="zho">89</div>
     <div class="zho">90</div>
     <div class="zho">91</div>
     <div class="zho">92</div>
     <div class="zho">93</div>
     <div class="zho">94</div>
     <div class="zho">95</div>
     <div class="zho">96</div>
     <div class="zho">97</div>
     <div class="zho">98</div>
     <div class="zho">99</div>
     <div class="zho">100</div>
     <div class="zho">101</div>
     <div class="zho">102</div>
     <div class="zho">103</div>
     <div class="zho">104</div>
     <div class="zho">105</div>
     <div class="zho">106</div>
     <div class="zho">107</div>
     <div class="zho">108</div>
     <div class="zho">109</div>
     <div class="zho">110</div>
     <div class="zho">111</div>
     <div class="zho">112</div>
     <div class="zho">113</div>
     <div class="zho">114</div>
     <div class="zho">115</div>
     <div class="zho">116</div>
     <div class="zho">117</div>
     <div class="zho">118</div>
     <div class="zho">119</div>
     <div class="zho">120</div>
     <div class="zho">121</div>
     <div class="zho">122</div>
     <div class="zho">123</div>
     <div class="zho">124</div>
     <div class="zho">125</div>
     <div class="zho">126</div>
     <div class="zho">127</div>
     <div class="zho">128</div>
     <div class="zho">129</div>
     <div class="zho">130</div>
     <div class="zho">131</div>
     <div class="zho">132</div>
     <div class="zho">133</div>
     <div class="zho">134</div>
     <div class="zho">135</div>
     <div class="zho">136</div>
     <div class="zho">137</div>
     <div class="zho">138</div>
     <div class="zho">139</div>
     <div class="zho">140</div>
     <div class="zho">141</div>
     <div class="zho">142</div>
     <div class="zho">143</div>
     <div class="zho">144</div>
     <div class="zho">145</div>
     <div class="zho">146</div>
     <div class="zho">147</div>
     <div class="zho">148</div>
     <div class="zho">149</div>
     <div class="zho">150</div>
     <div class="zho">151</div>
     <div class="zho">152</div>
     <div class="zho">153</div>
     <div class="zho">154</div>
     <div class="zho">155</div>
     <div class="zho">156</div>
     <div class="zho">157</div>
     <div class="zho">158</div>
     <div class="zho">159</div>
     <div class="zho">160</div>
     <div class="zho">161</div>
     <div class="zho">162</div>
     <div class="zho">163</div>
     <div class="zho">164</div>
     <div class="zho">165</div>
     <div class="zho">166</div>
     <div class="zho">167</div>
     <div class="zho">168</div>
     <div class="zho">169</div>
     <div class="zho">170</div>
     <div class="zho">171</div>
     <div class="zho">172</div>
     <div class="zho">173</div>
     <div class="zho">174</div>
     <div class="zho">175</div>
     <div class="zho">176</div>
     <div class="zho">177</div>
     <div class="zho">178</div>
     <div class="zho">179</div>
     <div class="zho">180</div>
     <div class="zho">181</div>
     <div class="zho">182</div>
     <div class="zho">183</div>
     <div class="zho">184</div>
     <div class="zho">185</div>
     <div class="zho">186</div>
     <div class="zho">187</div>
     <div class="zho">188</div>
     <div class="zho">189</div>
     <div class="zho">190</div>
     <div class="zho">191</div>
     <div class="zho">192</div>
     <div class="zho">193</div>
     <div class="zho">194</div>
     <div class="zho">195</div>
     <div class="zho">196</div>
     <div class="zho">197</div>
     <div class="zho">198</div>
     <div class="zho">199</div>
     <div class="zho">200</div>
     <div class="zho">201</div>
     <div class="zho">202</div>
     <div class="zho">203</div>
     <div class="zho">204</div>
     <div class="zho">205</div>
     <div class="zho">206</div>
     <div class="zho">207</div>
     <div class="zho">208</div>
     <div class="zho">209</div>
     <div class="zho">210</div>
     <div class="zho">211</div>
     <div class="zho">212</div>
     <div class="zho">213</div>
     <div class="zho">214</div>
     <div class="zho">215</div>
     <div class="zho">216</div>
     <div class="zho">217</div>
     <div class="zho">218</div>
     <div class="zho">219</div>
     <div class="zho">220</div>
     <div class="zho">221</div>
     <div class="zho">222</div>
     <div class="zho">223</div>
     <div class="zho">224</div>
     <div class="zho">225</div>
     <div class="zho">226</div>
     <div class="zho">227</div>
     <div class="zho">228</div>
     <div class="zho">229</div>
     <div class="zho">230</div>
     <div class="zho">231</div>
     <div class="zho">232</div>
     <div class="zho">233</div>
     <div class="zho">234</div>
     <div class="zho">235</div>
     <div class="zho">236</div>
     <div class="zho">237</div>
     <div class="zho">238</div>
     <div class="zho">239</div>
     <div class="zho">240</div>
     <div class="zho">241</div>
     <div class="zho">242</div>
     <div class="zho">243</div>
     <div class="zho">244</div>
     <div class="zho">245</div>
     <div class="zho">246</div>
     <div class="zho">247</div>
     <div class="zho">248</div>
     <div class="zho">249</div>
     <div class="zho">250</div>
     <div class="zho">251</div>
     <div class="zho">252</div>
     <div class="zho">253</div>
     <div class="zho">254</div>
     <div class="zho">255</div>
     <div class="zho">256</div>
     <div class="zho">257</div>
     <div class="zho">258</div>
     <div class="zho">259</div>
     <div class="zho">260</div>
     <div class="zho">261</div>
     <div class="zho">262</div>
     <div class="zho">263</div>
     <div class="zho">264</div>
     <div class="zho">265</div>
     <div class="zho">266</div>
     <div class="zho">267</div>
     <div class="zho">268</div>
     <div class="zho">269</div>
     <div class="zho">270</div>
     <div class="zho">271</div>
     <div class="zho">272</div>
     <div class="zho">273</div>
     <div class="zho">274</div>
     <div class="zho">275</div>
     <div class="zho">276</div>
     <div class="zho">277</div>
     <div class="zho">278</div>
     <div class="zho">279</div>
     <div class="zho">280</div>
     <div class="zho">281</div>
     <div class="zho">282</div>
     <div class="zho">283</div>
     <div class="zho">284</div>
     <div class="zho">285</div>
     <div class="zho">286</div>
     <div class="zho">287</div>
     <div class="zho">288</div>
     <div class="zho">289</div>
     <div class="zho">290</div>
     <div class="zho">291</div>
     <div class="zho">292</div>
     <div class="zho">293</div>
     <div class="zho">294</div>
     <div class="zho">295</div>
     <div class="zho">296</div>
     <div class="zho">297</div>
     <div class="zho">298</div>
     <div class="zho">299</div>
     <div class="zho">300</div>
     <div class="zho">301</div>
     <div class="zho">302</div>
     <div class="zho">303</div>
     <div class="zho">304</div>
     <div class="zho">305</div>
     <div class="zho">306</div>
     <div class="zho">307</div>
     <div class="zho">308</div>
     <div class="zho">309</div>
     <div class="zho">310</div>
     <div class="zho">311</div>
     <div class="zho">312</div>
     <div class="zho">313</div>
     <div class="zho">314</div>
     <div class="zho">315</div>
     <div class="zho">316</div>
     <div class="zho">317</div>
     <div class="zho">318</div>
     <div class="zho">319</div>
     <div class="zho">320</div>
     <div class="zho">321</div>
     <div class="zho">322</div>
     <div class="zho">323</div>
     <div class="zho">324</div>
     <div class="zho">325</div>
     <div class="zho">326</div>
     <div class="zho">327</div>
     <div class="zho">328</div>
     <div class="zho">329</div>
     <div class="zho">330</div>
     <div class="zho">331</div>
     <div class="zho">332</div>
     <div class="zho">333</div>
     <div class="zho">334</div>
     <div class="zho">335</div>
     <div class="zho">336</div>
     <div class="zho">337</div>
     <div class="zho">338</div>
     <div class="zho">339</div>
     <div class="zho">340</div>
     <div class="zho">341</div>
     <div class="zho">342</div>
     <div class="zho">343</div>
     <div class="zho">344</div>
     <div class="zho">345</div>
     <div class="zho">346</div>
     <div class="zho">347</div>
     <div class="zho">348</div>
     <div class="zho">349</div>
     <div class="zho">350</div>
     <div class="zho">351</div>
     <div class="zho">352</div>
     <div class="zho">353</div>
     <div class="zho">354</div>
     <div class="zho">355</div>
     <div class="zho">356</div>
     <div class="zho">357</div>
     <div class="zho">358</div>
     <div class="zho">359</div>
     <div class="zho">360</div>
     <div class="zho">361</div>
     <div class="zho">362</div>
     <div class="zho">363</div>
     <div class="zho">364</div>
     <div class="zho">365</div>
     <div class="zho">366</div>
     <div class="zho">367</div>
     <div class="zho">368</div>
     <div class="zho">369</div>
     <div class="zho">370</div>
     <div class="zho">371</div>
     <div class="zho">372</div>
     <div class="zho">373</div>
     <div class="zho">374</div>
     <div class="zho">375</div>
     <div class="zho">376</div>
     <div class="zho">377</div>
     <div class="zho">378</div>
     <div class="zho">379</div>
     <div class="zho">380</div>
     <div class="zho">381</div>
     <div class="zho">382</div>
     <div class="zho">383</div>
     <div class="zho">384</div>
     <div class="zho">385</div>
     <div class="zho">386</div>
     <div class="zho">387</div>
     <div class="zho">388</div>
     <div class="zho">389</div>
     <div class="zho">390</div>
     <div class="zho">391</div>
     <div class="zho">392</div>
     <div class="zho">393</div>
     <div class="zho">394</div>
     <div class="zho">395</div>
     <div class="zho">396</div>
     <div class="zho">397</div>
     <div class="zho">398</div>
     <div class="zho">399</div>
     <div class="zho">400</div>
     <div class="zho">401</div>
     <div class="zho">402</div>
     <div class="zho">403</div>
     <div class="zho">404</div>
     <div class="zho">405</div>
     <div class="zho">406</div>
     <div class="zho">407</div>
     <div class="zho">408</div>
     <div class="zho">409</div>
     <div class="zho">410</div>
     <div class="zho">411</div>
     <div class="zho">412</div>
     <div class="zho">413</div>
     <div class="zho">414</div>
     <div class="zho">415</div>
     <div class="zho">416</div>
     <div class="zho">417</div>
     <div class="zho">418</div>
     <div class="zho">419</div>
     <div class="zho">420</div>
     <div class="zho">421</div>
     <div class="zho">422</div>
     <div class="zho">423</div>
     <div class="zho">424</div>
     <div class="zho">425</div>
     <div class="zho">426</div>
     <div class="zho">427</div>
     <div class="zho">428</div>
     <div class="zho">429</div>
     <div class="zho">430</div>
     <div class="zho">431</div>
     <div class="zho">432</div>
     <div class="zho">433</div>
     <div class="zho">434</div>
     <div class="zho">435</div>
     <div class="zho">436</div>
     <div class="zho">437</div>
     <div class="zho">438</div>
     <div class="zho">439</div>
     <div class="zho">440</div>
     <div class="zho">441</div>
     <div class="zho">442</div>
     <div class="zho">443</div>
     <div class="zho">444</div>
     <div class="zho">445</div>
     <div class="zho">446</div>
     <div class="zho">447</div>
     <div class="zho">448</div>
     <div class="zho">449</div>
     <div class="zho">450</div>
     <div class="zho">451</div>
     <div class="zho">452</div>
     <div class="zho">453</div>
     <div class="zho">454</div>
     <div class="zho">455</div>
     <div class="zho">456</div>
     <div class="zho">457</div>
     <div class="zho">458</div>
     <div class="zho">459</div>
     <div class="zho">460</div>
     <div class="zho">461</div>
     <div class="zho">462</div>
     <div class="zho">463</div>
     <div class="zho">464</div>
     <div class="zho">465</div>
     <div class="zho">466</div>
     <div class="zho">467</div>
     <div class="zho">468</div>
     <div class="zho">469</div>
     <div class="zho">470</div>
     <div class="zho">471</div>
     <div class="zho">472</div>
     <div class="zho">473</div>
     <div class="zho">474</div>
     <div class="zho">475</div>
     <div class="zho">476</div>
     <div class="zho">477</div>
     <div class="zho">478</div>
     <div class="zho">479</div>
     <div class="zho">480</div>
     <div class="zho">481</div>
     <div class="zho">482</div>
     <div class="zho">483</div>
     <div class="zho">484</div>
     <div class="zho">485</div>
     <div class="zho">486</div>
     <div class="zho">487</div>
     <div class="zho">488</div>
     <div class="zho">489</div>
     <div class="zho">490</div>
     <div class="zho">491</div>
     <div class="zho">492</div>
     <div class="zho">493</div>
     <div class="zho">494</div>
     <div class="zho">495</div>
     <div class="zho">496</div>
     <div class="zho">497</div>
     <div class="zho">498</div>
     <div class="zho">499</div>
     <div class="zho">500</div>
</body>
</html>